<template>
    <div id="app">
        <m-avatar
            size="500px"
            background-color="#ffffff"
            auto-w-h
            mode="round"
            src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4051089893,245526220&fm=11&gp=0.jpg"/>
    </div>
</template>

<script>
export default {
    name: 'app',
    data() {
        return {
            msg: 'Welcome to Your Vue.js App'
        }
    }
}
</script>

<style lang="less" scoped>
#app {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    height: 500px;
}
</style>
